
<%@ page import="sematproject.Kernel" %>
<!DOCTYPE html>
<html>
	<head>
		<meta name="layout" content="barraUsuario">
		<title>Kernel</title>
	</head>		
	<body>
	
		<g:render template="/common/barraLateralKernel" />

		<div id="pagKernel">
			<g:each in="${cartInstanceList}" status="i" var="cartInstance">
				<g:if test="${i==6||i==12||i==18||i==24||i==30||i==35||i==41}"><div id ="otroRenglon"></div></g:if>	
					 <div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'cartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'cartaAmarillaMini' : 'cartaAzulMini')}">
						<g:link controller="kernel" action="list" id="${cartInstance.id}" title="${cartInstance.categoria}">
							<div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'tituloCartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'tituloCartaAmarillaMini' : 'tituloCartaAzulMini')}">
								${cartInstance.nombre}
							</div>
							<div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'encabezadoCartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'encabezadoCartaAmarillaMini' : 'encabezadoCartaAzulMini')}">
								${cartInstance.encabezado}
							</div>
							<div>
								<img id="garabato"/>
							</div>
							<div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'pieCartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'pieCartaAmarillaMini' : 'pieCartaAzulMini')}">
								${cartInstance.numero}
							</div>
							
							<div id="panelOculto">
							${contadorTareas = 0}
							${contadorFinalizadas = 0}
							${cartaTerminada = false}
							<g:each in="${taskInstanceList}" status="j" var="taskInstance">
								<g:if test="${taskInstance.category == cartInstance.categoria}">
									${contadorTareas = contadorTareas + 1}
									<g:if test="${taskInstance.state == 2}">
										${contadorFinalizadas = contadorFinalizadas + 1}
									</g:if>
								</g:if>
							</g:each>
							<g:if test="${contadorTareas == contadorFinalizadas && contadorTareas != 0}">${cartaTerminada = true}</g:if>
							</div>
						
							<g:if test="${cartaTerminada == true}"><img id="terminado"/></g:if>
							
						</g:link>
					</div>	
			</g:each>
			
			<g:if test="${session.sesion.iteracion == 0}">
				<div id="siguienteIteracion"><g:link controller="session" action="addIteracion" id="${session.sesion.id}">Comenzar Iteración</g:link></div>
			</g:if>
			<g:else>
			<p id="letraGrandeIteracion">Iteración - ${session.sesion.iteracion}</p>
			<div id="continuarIteracion"><g:link controller="session" action="addIteracion" id="${session.sesion.id}">Siguiente Iteración</g:link></div>
			</g:else>
		</div>
		
		
	</body>
</html>